<div id="tabmenu"><span id="logomenu"><a href="http://www.cospa.biz" target="_new"><img src="images/phPOS_logo_v0.1.png" alt="phPOS by Cospa.biz" /></a></span>
	<ul class="tabrow">&nbsp;
	    <li class="selected"><a href="#">POS</a></li>
	    <li><a href="#">Prodotti</a></li>
	    <li><a href="#">Magazzino</a></li>
	    <li><a href="#">Statistiche</a></li>
	</ul>
	<nav>
			<ul>
				<li id="login">
					<a id="login-trigger" href="#">
						Accesso <span>&#x25BC;</span>
					</a>
					<div id="login-content">
						<!--<form>-->
							<fieldset id="inputs">
								<input id="username" type="username" name="Email" placeholder="Nome Utente" required>   
								<input id="password" type="password" name="Password" placeholder="Password" required>
							</fieldset>
							<fieldset id="actions">
								<button id="submit" class="button large gray">entra</button>
								<!--type="submit" <label><input type="checkbox" checked="checked"> Keep me signed in</label>-->
							</fieldset>
						<!--</form>-->
					</div>                     
				</li>
				<!--<li id="signup">
					<a href="">Sign up FREE</a>
				</li>-->
			</ul>
		</nav>
</div>


	<script>
		  /*dropdown*/
		  $(document).ready(function(){
				$('#login-trigger').click(function(){
					$(this).next('#login-content').slideToggle();
					$(this).toggleClass('active');					
					
					if ($(this).hasClass('active')) $(this).find('span').html('&#x25B2;')
						else $(this).find('span').html('&#x25BC;')
					})
		  });
		/*invio form ajax*/
			$(document).ready(function() {
				$("#submit").click(function(){
					var nome = $("#username").val();
					var pass = $("#password").val();
					$.get("ajax.php", { "case": "login", "nome": nome, "pass": pass }, function(msg){ $("#login-content").html(msg);});
				});
			});
		  /*cambio di tab*/
		  $(function() {
			$("ul.tabrow li").click(function(e) {
			  e.preventDefault();
			  $("ul.tabrow li").removeClass("selected");
			  $(this).addClass("selected");
			});
		});
	</script>
